<ion-header-bar class="bar bar-header bar-assertive item-input-inset">
    <label class="item-input-wrapper">
        <i class="icon ion-ios-search placeholder-icon"></i>
        <input type="search" ng-model="s" placeholder="搜索">
    </label>
    <button class="button" ng-click="onSearch()"> 搜索 </button>
</ion-header-bar>
<ion-tabs>

    <ion-tab title="单曲" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>

        <ion-content has-tabs="true" on-refresh="onSearch()">
            <ion-refresher></ion-refresher>
            <div class="list">
                <a class="item" href="#/play/{{song.id}}" ng-repeat="song in Single.songs">
                    <h2>歌手：{{song.artists[0].name}}</h2>
                    <p>专辑：{{song.album.name}}</p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

    <ion-tab title="歌手" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>

        <ion-content has-header="true">
            <div class="list">
                <a class="item item-avatar" href="#/artist/{{singer.id}}" ng-repeat=" singer in Singer.artists ">
                    <img ng-src="{{singer.picUrl}}" />
                    <h2>{{singer.name}}</h2>
                    <p>{{singer.trans || singer.alias[0]}}</p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

    <ion-tab title="专辑" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>
        <ion-content has-header="true">
            <div class="list">
                <a class="item item-thumbnail-left" href="#" ng-repeat="special in Special.albums ">
                    <img ng-src="{{special.picUrl}}" />
                    <h2>{{special.artist.name}}</h2>
                    <p>{{special.name}}</p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

    <ion-tab title="歌单" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>
        <ion-content has-header="true">
            <div class="list">
                <a class="item  item-avatar" href="#" ng-repeat="pl in Sheet.playlists ">
                    <img ng-src="{{pl.picUrl}}" />
                    <h2>{{pl.name}}</h2>
                    <p>{{pl.trackCount}}首 by {{pl.creator.nickname}} 播放{{pl.playCount}}次</p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

    <ion-tab title="电台" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>
        <ion-content has-header="true">
            <div class="list">
                <div class="item item-divider">
                    <h2>电台</h2>
                </div>
                <a class="item  item-avatar" href="#" ng-repeat="radio in Dj.djRadios ">
                    <img ng-src="{{radio.picUrl}}" />
                    <h2>{{radio.name}}</h2>
                    <p>{{radio.desc}}</p>
                    </a>
                    <div class="item item-divider">
                        <h2>单期节目</h2>
                    </div>
                <a class="item  item-avatar" href="#" ng-repeat="pg in Dj.djprograms ">
                    <img ng-src="{{pg.radio.picUrl}}" />
                    <h2>{{pg.name}}</h2>
                    <p>{{pg.description}}</p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

    <ion-tab title="MV" on-select="onTabSelected()">
        <ion-header-bar class="bar bar-header bar-assertive item-input-inset">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search placeholder-icon"></i>
                <input type="search" ng-model="s" placeholder="搜索">
            </label>
            <button class="button" ng-click="onSearch()"> 搜索 </button>
        </ion-header-bar>
        <ion-content has-header="true">
            <div class="list">
                <a class="item item-thumbnail-left" href="#" ng-repeat="mv in Mv.mvs ">
                    <img ng-src="{{mv.cover}}" />
                    <h2>{{mv.name}}</h2>
                    <p>{{mv.briefDesc}}</p>
                    <p>播放 {{mv.playCount}} 次 </p>
                </a>
            </div>
        </ion-content>
    </ion-tab>

</ion-tabs>
